<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>学生列表</title>
  <!-- 新 Bootstrap 核心 CSS 文件 -->
  <link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

  <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
  <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>

  <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
  <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
  <h2>21205011学生列表</h2>
  <!-- class="table" (出现表格) table-bordered（有边框） text-center（文字居中）-->
  <table class="table table-bordered text-center">
    <!-- class="bg-primary"(背景色为蓝色) -->
    <tr class="bg-primary">
      <td>学号</td>
      <td>姓名</td>
      <td>专业</td>
      <td>就业单位</td>
      <td>操作</td>
    </tr>
    <tr>
      <td>2120501126</td>
      <td>小韩</td>
      <td>软件工程</td>
      <td>字节跳动</td>
      <td>
        <!-- class="btn btn-warning btn-xs"（颜色+大小）-->
        <button class="btn btn-warning btn-xs">点名</button>
      </td>
    <tr>
    <tr>
      <td>2120501166</td>
      <td>小逯</td>
      <td>软件工程</td>
      <td>字节跳动</td>
      <td>
        <button class="btn btn-warning btn-xs">点名</button>
      </td>
    </tr>
    <tr>
      <td>2120501199</td>
      <td>小吉</td>
      <td>软件工程</td>
      <td>字节跳动</td>
      <td>
        <button class="btn btn-warning btn-xs">点名</button>
      </td>
    </tr>
    <tr>
      <td>2120501177</td>
      <td>小李</td>
      <td>软件工程</td>
      <td>字节跳动</td>
      <td>
        <button class="btn btn-warning btn-xs">点名</button>
      </td>
    </tr>
    <tr>
      <td>2120501155</td>
      <td>小张</td>
      <td>软件工程</td>
      <td>字节跳动</td>
      <td>
        <button class="btn btn-warning btn-xs">点名</button>
      </td>
    </tr>
  </table>
</div>

</body>
</html>